Skip to main content

Custom column table widget

Custom column table widget: This video contains how to use Custom column table widget.

Custom column table widget [Add example of image]

From this document, you will learn how to add an image in a column of table widgets using a custom column.

  1. Login into OPNBI.
  2. Make Dashboard to add table widget, to make dashboard click on Plus icon (+) from Dashboard section, as shown I figure below:

Docusaurus Slash Introduction

  1. Insert name & click on create button, as shown in the figure below:

Docusaurus Slash Introduction

  1. You’ll reach an empty dashboard, now click on the Table widget icon from the right vertical menu bar, as shown in the figure below:

Docusaurus Slash Introduction

  1. Add the following details to Table widget:
  • Name: sales
  • Datasets(ds): Select sales.ds

Docusaurus Slash Introduction

  1. Click on select all field icon from the Dataset columns, as shown in the figure below:

Docusaurus Slash Introduction

  1. All available columns will appear in the selected columns box, after selecting all fields, as shown in the figure below:

Docusaurus Slash Introduction

  1. Click on the Custom columns button, as shown in the figure below:

Docusaurus Slash Introduction

  1. After clicking on custom column, you’ll reach to Custom Columns dialog-box in OPNBI, as shown in the figure below:

Docusaurus Slash Introduction

  1. Click on Add New button.
  2. As you click on Add New button, it will pop the controls in the dialog box, as shown in figure below:

Docusaurus Slash Introduction

  1. Insert the following details:
  • Name: country
  • Display Name: country
  • Map for widget link column: Select country
  • All Column: Select country
  • Condition: Select country
  • Value: Insert USA [as per value the image will be applied on USA fields only]

Docusaurus Slash Introduction

  1. Click on the open code layout icon to add code, as shown in figure below:

Docusaurus Slash Introduction

  1. it will show the code panel and type select dropdown as shown in the figure below:

Docusaurus Slash Introduction

  1. Select Image from the Type dropdown, as shown in the figure below:

Docusaurus Slash Introduction

  1. Select usa.png from the Use Image dropdown. Note: User can use any of the available images from the dropdown, User can import their required images in OPNBI and use them here also.

Docusaurus Slash Introduction

  1. Click on the save button, then click on add button to add the custom column to the table widget.
  2. Now click on the save and exit button from the table widget, then go to the preview side, you’ll see the USA country flag in the custom column.

Docusaurus Slash Introduction